I am currently getting the 400 error code and I don't quite understand what is wrong. I have tried to search for answers online but none of the results are doing much help. Any help/insight would be greatly appreciated. Thank you.

The JSON value could not be converted to TheMoonshineCafe.Models.Event. Path: $ | LineNumber: 0 | BytePositionInLine: 1.

It seems maybe the payload is not being converted into the Event type properly?

Edit event function from my data service:

  editEvent(id: Number, event: EventWithID[]){
    var callResult : any;
    console.log(id);
    console.log(event);
    this.http.put(this.baseUrl + 'api/Events/' + id, event).subscribe(result => {
      callResult = result;
      console.log(result);
    })
  }

Put Event from my API:

[HttpPut("{id}")]
        public async Task<ActionResult<Event>> PutEvent(int id, Event @event)
        {
            if (id != @event.id)
            {
                return BadRequest();
            }

            _context.Entry(@event).State = EntityState.Modified;

            try
            {
                await _context.SaveChangesAsync();
            }
            catch (DbUpdateConcurrencyException)
            {
                if (!EventExists(id))
                {
                    return NotFound();
                }
                else
                {
                    throw;
                }
            }

            return NoContent();
        }

payload:

export class EventWithID {
    id: number;
    eventStart: Date;
    eventEnd: Date;
    refundCutOffDate: Date;
    bandName: String;
    bandImagePath: String;
    bandLink: String;
    maxNumberOfSeats: number;
    currentNumberOfSeats: number;
    ticketPrice: number;
    description: String;
  }

Models.Event:

public class Event
    {
        public int id {get; set; }
        public DateTime eventStart { get; set; }
        public DateTime eventEnd { get; set; }
        public DateTime refundCutOffDate { get; set; }
        public string bandName { get; set; }
        public string bandImagePath { get; set; }
        public string bandLink { get; set; }
        public int maxNumberOfSeats { get; set; }
        public int currentNumberOfSeats { get; set; }
        public double ticketPrice { get; set; }
        public string description { get; set; }
    }